<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      content="爱游旅游网提供跟团游、自助游、邮轮旅游、自驾游、定制游以及景点门票预订、机票预订、火车票预订服务,还有牛人专线、首付出发旅游等品质高端、价格实惠的旅游路线.全年有各种尾货特价、限时秒杀等特卖旅游路线让你畅游海内外,要旅游,找爱游."
      name="keywords"
    />
    <meta
      content="爱游 旅游 自驾游 跟团游 海岛游 亲子游 订酒店 查航班 自助游 度假 出境游 周边旅游"
      name="description"
    />
    <title>爱游旅游网-让旅游更简单，去旅游，找爱游</title>
    <link rel="shortcut icon" href="./jlt/icologo.ico">
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/首页.css" />
  </head>
  <body>
    <!-- 头部区域开始 -->
    <div class="header">
    <div class="top w">
      <div>
        <a href="#"><img src="./img/logo.png" alt="" /></a>
      </div>
      <div>
        <img src="./img/phone1lan.png" alt="" class="phone" /><span
          >0571-8653621</span
        >
      </div>
    </div>
    <!-- 头部区域结束 -->
    <!-- 导航区域开始 -->
    <div class="nav">
      <div class="w nav-box">
        <div class="nav-left">
          <a href="./index.html" class="noe-a">首页</a>
          <a href="./旅游攻略.html">旅游攻略</a>
          <a href="./精选路线.html">精选路线</a>
          <a href="./定制游.html">定制游</a>
          <a href="./周边游.html">周边游</a>
          <a href="./index.html" class="yinying">首页</a>
        </div>
        <div class="nav-right">
          <input
            type="text"
            name=""
            class="nav-sousuo"
            placeholder="热门搜索：欧洲、美洲、中东非、澳新、马代..."
          />
          <span class="iconfont icon-ss"></span>
        </div>
      </div>
    </div>
    <!-- 导航区域结束 -->
  </div>
    <!--------------------- 中间区域开始 ------------------------>
    <!-- 主界面区开始 -->
    <div class="zjm">
      <div class="w zjm-box" >
        <div class="zjm-nav">
          <div class="zjm-left">
            <ul>
              <li><a href="#">钜惠自由行</a></li>
              <li><a href="#">跟团畅游行</a></li>
              <li><a href="#">当季热玩</a></li>
              <li><a href="#">酒店精选</a></li>
              <li><a href="#">主题旅游</a></li>
            </ul>
          </div>
          <div class="zjm-right">
            <div class="zjm-sousuo">
              <input type="text" placeholder="请输入目的地、主题或景区名">
          <div class="zjm-btn"><span class="iconfont icon-ss"></span></div>
            </div>
            <p class="zjm-p1">热搜景点：<a href="#">上海迪士尼</a><span> | </span><a href="#">长隆野生动物园</a><span> | </span>
              <a href="#">长隆水上乐园</a><span> | </span><a href="#">上海野生动物园</a></p>
            <p class="zjm-p2">热搜玩法： <a href="#">三亚探秘丛林 5日风光游</a><span> | </span><a href="#">香港铜锣湾处处风情 5日休闲游</a></p>
            <img src="./img/sy-1.gif" alt=""  class="zjm-sanya">
            <div class="zjm-genduo">
              <ul>
                <li><img src="./img/dibu-1.png" alt=""><span>阳光行程</span></li>
                <li><img src="./img/dibu-2.png" alt=""><span>阳光价格</span></li>
                <li><img src="./img/dibu-3.png" alt=""><span>阳光服务</span></li>
                <li class="zjm-genduo-li4"><a href="#">更多特惠套餐 <i class="iconfont icon-yjt"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="zjm-text">
          <h4>毕业旅行季</h4>
          <p>唯青春与梦想不可辜负</p>
        </div>
  </div>
  </div>
  <!-- 主界面区结束 -->
  <!-- 图片区开始 -->
  <div class="w tupianqu">
    <ul class="tupianqu-top">
      <li><a href="#"><img src="./img/sy-2.gif" alt=""></a></li>
      <li><a href="#"><img src="./img/sy-3.gif" alt=""></a></li>
      <li class="tupianqu-top-1">
        <a href="#"><img src="./img/sy-4.gif" alt=""></a>
        <a href="#"><img src="./img/sy-1.gif" alt=""></a>
      </li>
    </ul>
    <div class="tupianqu-bottom">
     <ul>
      <li><a href="#"><img src="./img/sy-5.gif" alt=""></a></li>
      <li><a href="#"><img src="./img/sy-6.gif" alt=""></a></li>
      <li><a href="#"><img src="./img/sy-7.gif" alt=""></a></li>
      <li><a href="#"><img src="./img/sy-8.gif" alt=""></a></li>
     </ul> 
    </div>
  </div>
  <!-- 图片区结束 -->
  <!-- 国内旅游区开始 -->
  <div class="guonei w">
    <div class="guonei-top"><h4>国内旅游</h4></div>
    <div class="guonei-bottom">
     <div class="guonei-left"><a href="#"><img src="./img/sy-9.gif" alt=""></a></div>
     <div class="guonei-mid">
      <a href="./乌镇.html">
        <img src="./img/sy-10.jpg" alt="">
        <div class="wuzheng">秋色浓淡，水城乌镇</div>
      </a>
      <div class="guonei-text">
        <p>1、七彩张掖+额济纳旗金色胡杨林，拍摄者的天堂！</p>
        <p>2、连住3晚额济纳旗，胡杨林1日游，充足时间拍摄金秋胡杨林</p>
        <p>3、西夏古城黑水城遗址，重回前年前的塞北丝路</p>
      </div>
     </div>
     <div class="guonei-right">
         <ul class="pic">
          <li>
            <a href="#">
            <div class="pic-img"><img src="./img/sy-11.gif" alt=""></div>
            <div class="pic-text">
             <h4>张掖-黑水城-额济纳胡杨林-嘉峪关双飞6日游</h4>
             <p>￥<span>1499.00</span> <s>￥3899.00</s></p>
          </div>
        </a>
          </li>
          <li>
            <a href="#">
            <div class="pic-img"><img src="./img/sy-12.gif" alt=""></div>
            <div class="pic-text">
             <h4>九寨沟4日跟团游</h4>
             <p>￥<span>1899.00</span> <s>￥4599.00</s></p>
          </div>
        </a>
          </li>
          <li>
            <a href="#">
            <div class="pic-img"><img src="./img/sy-13.gif" alt=""></div>
            <div class="pic-text">
             <h4>上海迪士尼乐园2日游</h4>
             <p>￥<span>1099.00</span> <s>￥3299.00</s></p>
          </div>
        </a>
          </li>
          <li>
            <a href="#">
            <div class="pic-img"><img src="./img/sy-14.gif" alt=""></div>
            <div class="pic-text">
             <h4>三亚4日跟团游</h4>
             <p>￥<span>3999.00</span> <s>￥6999.00</s></p>
          </div>
        </a>
          </li>
         </ul>
     </div>
    </div>
  </div>
  <!-- 国内旅游区结束 -->
  <!-- 国外旅游区开始 -->
  <div class="guowai w">
    <div class="guonei-top"><h4>国外旅游</h4></div>
    <div class="guowai-bottom">
      <ul class="pic">
        <li id="sanya">
          <a href="#">
          <div class="pic-img"><img src="./img/sy-15.gif" alt=""></div>
          </li>
        <li>
          <a href="#">
          <div class="pic-img"><img src="./img/sy-16.gif" alt=""></div>
          <div class="pic-text">
           <h4>九寨沟4日跟团游</h4>
           <p>￥<span>1899.00</span> <s>￥4599.00</s></p>
        </div>
      </a>
        </li>
        <li>
          <a href="#">
          <div class="pic-img"><img src="./img/sy-17.gif" alt=""></div>
          <div class="pic-text">
           <h4>九寨沟4日跟团游</h4>
           <p>￥<span>1899.00</span> <s>￥4599.00</s></p>
        </div>
      </a>
        </li>
        <li>
          <a href="#">
          <div class="pic-img"><img src="./img/sy-18.gif" alt=""></div>
          <div class="pic-text">
           <h4>九寨沟4日跟团游</h4>
           <p>￥<span>1899.00</span> <s>￥4599.00</s></p>
        </div>
      </a>
        </li>
        <li>
          <a href="#">
          <div class="pic-img"><img src="./img/sy-19.gif" alt=""></div>
          <div class="pic-text">
           <h4>九寨沟4日跟团游</h4>
           <p>￥<span>1899.00</span> <s>￥4599.00</s></p>
        </div>
      </a>
        </li>
        <li>
          <a href="#">
          <div class="pic-img"><img src="./img/sy-20.gif" alt=""></div>
          <div class="pic-text">
           <h4>九寨沟4日跟团游</h4>
           <p>￥<span>1899.00</span> <s>￥4599.00</s></p>
        </div>
      </a>
        </li>
        <li>
          <a href="#">
          <div class="pic-img"><img src="./img/sy-21.gif" alt=""></div>
          <div class="pic-text">
           <h4>九寨沟4日跟团游</h4>
           <p>￥<span>1899.00</span> <s>￥4599.00</s></p>
        </div>
      </a>
        </li>
       </ul>
    </div>
  </div>
  <!-- 国外旅游区结束 -->
    <!--------------------- 中间区域结束 ------------------------>
    <!-- 底部导航开始 -->
    <div class="foot">
    <!-- 阳光行程 -->
      <div class="ygxc">
        <div class="w">
          <ul>
            <li>
              <img src="./img/dibu-1.png" alt="" />
              <span>阳光行程</span>
              <i>透明公开</i>
            </li>
            <li>
              <img src="./img/dibu-2.png" alt="" />
              <span>阳光价格</span>
              <i>明码实价</i>
            </li>
            <li>
              <img src="./img/dibu-3.png" alt="" />
              <span>阳光服务</span>
              <i>专属客服</i>
            </li>
            <li>
              <img src="./img/dibu-4.png" alt="" />
              <span>服务电话</span>
              <i>0571-8653621</i>
            </li>
          </ul>
        </div>
      </div>
      <!-- 底部设计 -->
      <div class="foot-bottom w">
        <ul>
            <li>
                <p>去旅游</p>
                <a href="#">跟团游</a>
                <a href="#">海岛游</a>
                <a href="#">自助游</a>
                <a href="#">亲子游</a>
            </li>
            <li>
                <p>找优惠</p>
                <a href="#">特卖订酒店</a>
                <a href="#">积分优惠</a>
                <a href="#">银行特惠优</a>
                <a href="#">银行分期游</a>
            </li>
            <li>
                <p>看攻略</p>
                <a href="#">攻略</a>
                <a href="#">旅客游记</a>
                <a href="#">达人玩法</a>
                <a href="#">驴友结伴</a>
            </li>
            <li>
                <p>查服务</p>
                <a href="#">帮助中心</a>
                <a href="#">会员中心</a>
                <a href="#">旅行保障</a>
                <a href="#">航班查询</a>
            </li>
        </ul>
      </div>
    </div>
    <!-- 底部导航结束 -->
    <!-- 右边导航开始 -->
    <div class="right">
      <ul>
        <li class="list">
          <p class="right-zhuangshu">专属定制</p>
        </li>
        <li class="list">
          <div class="right-box">
           <a href="#">点击搜索</a>
          </div>
        </li>
        <li class="list">
          <div class="right-box">
            <a href="#">下载全年旅行计划</a>
          </div>
        </li>
        <li class="list">
          <div class="right-box"><img src="./img/right-nav-ewm.jpg" alt=""><p>我们的微信</p></div>
        </li>
        <li class="list">
          <ul class="right-box">
            <li><a href="#"><img src="./img/right-nav-qq.png" alt=""><p>客服1: 孙冰心</p></li></a>
            <li><a href="#"><img src="./img/right-nav-qq.png" alt=""><p>客服2: 胡钱格</p></li></a>
            <li><a href="#"><img src="./img/right-nav-qq.png" alt=""><p>客服3: 殷敬旺</p></li></a>
          </ul>
        </li>
      </ul>
    </div>
    <div class="fanhui">
      <a href="#"><span class="iconfont icon-sjt"></span></a>
    </div>

    <!-- 右边导航结束 -->
  </body>
</html>
